@charset "utf-8";

*,

*:before,

*:after {

  margin: 0;

  padding: 0;

  font-style: normal;

  list-style: none;

}

html,

body {

  -webkit-touch-callout: none;

  -webkit-text-size-adjust: none;

  width: 100%;

  height: 100%;

}

html {

  overflow-x: hidden;

}

body {

  font-size: 14px;

  color: #555;

  line-height: normal;

  font-family: Arial;

  background: #fff;

  -webkit-font-smoothing: antialiased;

  min-width: 1100px;

  text-align: justify;

}

a {

  color: #555;

  text-decoration: none;

  cursor: pointer;

  transition: all 0.3s;

}

a:hover {

  color: #0056a2;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

  margin: auto;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}

em,

i {

  font-style: normal;

}

img {

  vertical-align: middle;

}

input,

select,

textarea {

  font-family: Arial;

  font-size: 14px;

}

textarea {

  overflow: auto;

}

input:focus,

textarea:focus,

button:focus,

select:focus {

  outline: 0;

}

input::-ms-clear {

  display: none;

}

input[type="text"],

input[type="button"],

input[type="submit"],

textarea {

  -webkit-appearance: none;

}

.clearfix,

.clear:after,

.container:after {

  width: 100%;

  clear: both;

  line-height: 0;

  display: block;

  overflow: hidden;

  zoom: 1;

  font-size: 0;

  content: '.';

}

.container {

  width: 1100px;

  margin: 0 auto;

}
.container2 {

  width: 1380px;

  margin: 0 auto;

}

/* header */

header .top {

  height: 36px;

  line-height: 36px;

  overflow: hidden;

  width: 100%;

  background: #555;

  color: #ccc;

}

header .top a {

  color: #ccc;

}

header .top a:hover {

  color: #fff;

}

header .top .left {

  float: left;

}

header .top .left li {

  float: left;

  margin-left: 15px;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

}

header .top .left li .iconfont {

  font-size: 18px;

  margin-right: 5px;

}

header .top .left li:first-child {

  margin-left: 0;

}

header .top .right {

  float: right;

}

header .top .right li {

  float: left;

  margin-left: 15px;

}
header .top .right li img{padding-left:20px;}


header .top .search {

  float: right;

  background: #777;

  height: 24px;

  margin-top: 6px;

  border-radius: 30px;

  position: relative;

}

header .top .search input::-webkit-input-placeholder {

  color: #aaa;

}

header .top .search input::-moz-placeholder {

  color: #aaa;

}

header .top .search input:-moz-placeholder {

  color: #aaa;

}

header .top .search input:-ms-input-placeholder {

  color: #aaa;

}

header .top .search input {

  width: 120px;

  float: left;

  border: 0;

  padding: 0 30px 0 10px;

  background: none;

  height: 24px;

  color: #fff;

  font-size: 12px;

  text-transform: capitalize;

}

header .top .search button {

  position: absolute;

  right: 0px;

  top: 0px;

  width: 30px;

  height: 24px;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  border: 0;

  background: none;

  cursor: pointer;

  color: #aaa;

  transition: all 0.3s;

}

header .top .search button:hover {

  color: #fff;

}

header .head {

  width: 100%;

  box-shadow: 0 5px 15px #ddd;

}

header .head .logo {

  float: left;

}

header .head .logo img {

  height: 70px;

  width: auto;

}

header .head nav {

  float: right;

}

header .head nav li {

  float: left;

  border-left: 1px solid #eee;

  position: relative;

  z-index: 99;

}

header .head nav li > a {

  display: block;

  overflow: hidden;

  height: 70px;

  line-height: 70px;

  padding: 0 30px;

  font-family: 'robotoregular';

  font-size: 16px;

  text-transform: uppercase;

}

header .head nav li .sub {

  display: none;

  position: absolute;

  left: 0;

  top: 100%;

  min-width: 100%;

  background-color: rgba(0, 130, 223, 0.8);

}

header .head nav li .sub a {

  display: block;

  overflow: hidden;

  color: #fff;

  line-height: 40px;

  border-bottom: 1px solid rgba(0, 130, 223, 0.9);

  padding: 0 15px;

  white-space: nowrap;

}

header .head nav li .sub a:hover {

  background: #0082df;

}

header .head nav li:first-child {

  border-left: 0;

}

header .head nav li:hover > a,

header .head nav li.on > a {

  background: #0056a2;

  color: #fff;

}

header .head.cur {

  position: fixed;

  left: 0px;

  top: 0px;

  background: #fff;

  z-index: 999;

}

/* footer */

footer {

  text-align: center;

  width: 100%;

  overflow: hidden;

  background: #121212;

  color: #fff;

  padding: 12px 0;

  font-size: 12px;

  line-height: 2;

}

footer a {

  color: #fff;

}

footer a:hover {

  text-decoration: underline;

  color: #0082df;

}

/* banner */

.banner {

  width: 100%;

  height: 500px;

  overflow: hidden;

}

.banner .swiper-wrapper .swiper-slide a {

  display: block;

  overflow: hidden;

  width: 100%;

  height: 500px;

  background-position: center center;

  background-repeat: repeat;

}

.banner .banner-next,

.banner .banner-prev {

  position: absolute;

  top: 50%;

  height: 80px;

  transform: translateY(-50%);

  color: #fff;

  z-index: 5;

  transition: all 0.3s;

  cursor: pointer;

  outline: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  width: 40px;

  background-color: rgba(0, 0, 0, 0.6);

  font-size: 30px;

  opacity: 0;

}

.banner .banner-next:hover,

.banner .banner-prev:hover {

  background-color: rgba(0, 86, 162, 0.8);

}

.banner .banner-next {

  right: 5%;

}

.banner .banner-prev {

  left: 5%;

}

.banner .banner-num {

  bottom: 20px;

  position: absolute;

  z-index: 5;

  text-align: center;

  left: 0px;

  width: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

}

.banner .banner-num .swiper-pagination-bullet {

  width: 20px;

  height: 20px;

  border-radius: 0;

  cursor: pointer;

  margin: 0 5px;

  opacity: 1;

  background: none;

  outline: 0;

  position: relative;

  z-index: 5;

}

.banner .banner-num .swiper-pagination-bullet:before {

  border: 2px solid #fff;

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  content: "";

}

.banner .banner-num .swiper-pagination-bullet:after {

  background: #fff;

  position: absolute;

  left: 5px;

  top: 5px;

  right: 5px;

  bottom: 5px;

  content: "";

}

.banner .banner-num .swiper-pagination-bullet.swiper-pagination-bullet-active:before {

  border-color: #0082df;

}

.banner .banner-num .swiper-pagination-bullet.swiper-pagination-bullet-active:after {

  background: #0082df;

}

.banner:hover .banner-next,

.banner:hover .banner-prev {

  opacity: 1;

}

/* nbanner */

.nbanner {

  width: 100%;

  height: 250px;

  background-position: center center;

  background-repeat: repeat;

}

/* in_box */

.in_box {

  padding: 40px 0 60px 0;

  overflow: hidden;

  width: 100%;

}

/* in_down */

.in_down {

  position: relative;

  padding-bottom: 100px;

}

/*.in_down:before {

  content: "\e649";

  position: absolute;

  left: 50%;

  bottom: 0px;

  width: 100px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  transform: translateX(-50%);

  font-family: "iconfont" !important;

  font-size: 40px;

  color: #ddd;

  background: #f7f7f7;

  border-radius: 100px 100px 0 0;

  padding: 15px 0 0 0;

}*/

/* in_bj */

.in_bj {

  background: #f7f7f7;

}

/* in_tit */

.in_tit {

  text-align: center;

  overflow: hidden;

  line-height: 1;

  margin-bottom: 30px;

  border-bottom: 1px solid #eee;

  padding: 0 0 25px 0;

  position: relative;

  text-transform: uppercase;

}

.in_tit span {

  font-family: 'times_new_romanregular';

  font-size: 30px;

  color: #303030;

}

.in_tit p {

  margin-top: 15px;

}

.in_tit:before {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0px;

  width: 100px;

  height: 4px;

  background: #0082df;

  transform: translateX(-50%);

}

.in_tit:after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 3px;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-bottom: 5px solid #0082df;

  transform: translateX(-50%);

}

/* in_pro */

.in_pro {

  overflow: hidden;

  position: relative;

  padding: 0 60px;

  margin: -10px 0;

}

.in_pro .swiper-slide {

  width: 33.33333333333%;

}

.in_pro a {

  margin: 10px;

  display: block;

  overflow: hidden;

  position: relative;

  box-shadow: 0 0 10px #ddd;

  text-align: center;

}

.in_pro a .pic {

  overflow: hidden;

  position: relative;

}

.in_pro a .pic img {

  width: 100%;

  height: 266px;

  transition: all 0.3s;

}

.in_pro a .pic .iconfont {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  background-color: rgba(0, 130, 223, 0.2);

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  color: #fff;

  font-size: 60px;

  transition: all 0.3s;

  opacity: 0;

  transform: scale(0);

}

.in_pro a .bt {

  background: #0056a2;

  color: #fff;

  padding: 0 10px;

  line-height: 40px;

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  transition: all 0.3s;

}

.in_pro a:hover .pic img {

  transform: scale(1.1);

}

.in_pro a:hover .pic .iconfont {

  transform: scale(1.1);

  opacity: 1;

}

.in_pro a:hover .bt {

  background-color: rgba(0, 86, 162, 0.7);

}

.in_pro .pro-next,

.in_pro .pro-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  font-size: 60px;

  color: rgba(0, 130, 223, 0.5);

  transition: all 0.3s;

  cursor: pointer;

  outline: 0;

}

.in_pro .pro-next:hover,

.in_pro .pro-prev:hover {

  color: #0056a2;

}

.in_pro .pro-next {

  right: 0px;

}

.in_pro .pro-prev {

  left: 0px;

}

/* in_about */

.in_about {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.in_about .pic {

  overflow: hidden;

}

.in_about .pic img {

  width: 470px;

  height: 270px;

}

.in_about .box {

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  width: 0;

  padding: 0 0 0 20px;

  line-height: 1.8;

}

.in_about .box .text {

  text-indent: 2em;

}

.in_about .box .more {

  display: block;

  overflow: hidden;

  width: 100px;

  line-height: 30px;

  color: #fff;

  background: #0056a2;

  text-align: center;

  text-transform: uppercase;

  margin-top: 10px;

}

.in_about .box .more:hover {

  background: #0082df;

}

/* main */

.main {

  padding: 20px 0 40px 0;

  overflow: hidden;

}

.main .main_left {

  width: 280px;

  float: left;

}

.main .main_left .b_box {

  border: 1px solid #eee;

}

.main .main_left .b_box .b_tit {

  background: #0056a2;

  color: #fff;

  line-height: 50px;

  padding: 0 15px;

  font-size: 18px;

  text-transform: uppercase;

}

.main .main_left .menu li {

  border-bottom: 1px solid #f0f0f0;

}

.main .main_left .menu li a {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  padding: 0 10px 0 32px;

  line-height: 40px;

  position: relative;

}

.main .main_left .menu li a:before {

  position: absolute;

  left: 15px;

  top: 50%;

  transform: translateY(-50%);

  content: "\e601";

  font-family: "iconfont" !important;

  font-size: 12px;

}

.main .main_left .menu li:last-child {

  border-bottom: 0;

}

.main .main_left .menu li:hover a,

.main .main_left .menu li.on a {

  background: #0082df;

  color: #fff;

}

.main .main_right {

  width: 790px;

  float: right;

}

.main .main_right .position {

  background: #f7f7f7;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

  margin-bottom: 15px;

}

.main .main_right .position .tit {

  float: left;

  text-transform: uppercase;

  background: #0056a2;

  color: #fff;

  padding: 0 15px;

  font-size: 18px;

}

.main .main_right .position .wz {

  float: right;

  text-transform: capitalize;

  padding: 0 15px 0 0;

}

/* newslist */

.newslist {

  padding: 0 5px;

  overflow: hidden;

}

.newslist li {

  border-bottom: 1px dotted #eee;

  line-height: 40px;

}

.newslist li em {

  float: right;

  color: #999;

}

.newslist li a {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  position: relative;

  padding: 0 10px;

}

.newslist li a:before {

  content: "";

  position: absolute;

  left: 0px;

  top: 50%;

  transform: translateY(-50%);

  background: #aaa;

  width: 4px;

  height: 4px;

}

/* downlist */

.downlist {

  padding: 0 5px;

  overflow: hidden;

  margin-top: -10px;

}

.downlist li {

  border-bottom: 1px dotted #eee;

  padding: 15px 0;

  line-height: 30px;

}

.downlist li span {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-size: 16px;

  position: relative;

  padding: 0 10px;

}

.downlist li span:before {

  content: "";

  position: absolute;

  left: 0px;

  top: 50%;

  transform: translateY(-50%);

  background: #aaa;

  width: 4px;

  height: 4px;

}

.downlist li a {

  float: right;

  line-height: 30px;

  padding: 0 10px;

  background: #0082df;

  color: #fff;

  border-radius: 4px;

}

.downlist li a:hover {

  background: #0056a2;

}

/* view */

.view .tit {

  text-align: center;

  font-size: 20px;

  border-bottom: 1px dashed #ccc;

  padding: 5px 0 10px 0;

  color: #0082df;

}

.view .cs {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  padding: 10px 0 0 0;

}

.view .cs li {

  padding: 0 10px;

  color: #888;

  text-transform: capitalize;

}

.view .b_picd {

  text-align: center;

  overflow: hidden;

  padding: 15px 0;

}

.view .b_picd img {

  max-width: 100%;

  height: auto;

  box-shadow: 0 0 10px #eee;

}

.view .b_pic {

  overflow: hidden;

  text-align: center;

  padding: 15px 0;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.view .b_pic .big {

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  width: 0;

  border: 1px solid #eee;

  cursor: pointer;

}

.view .b_pic .big img {

  width: 100%;

  height: 385px;

}

.view .b_pic .big li {

  position: relative;

}

.view .b_pic .big .iconfont {

  position: absolute;

  right: 10px;

  bottom: 10px;

  font-size: 20px;

  color: #ccc;

}

.view .b_pic .small {

  width: 185px;

  position: relative;

  z-index: 1;

  margin-left: 20px;

}

.view .b_pic .small li {

  border: 1px solid #eee;

  margin-top: 10px;

  cursor: pointer;

  position: relative;

}

.view .b_pic .small li img {

  width: 100%;

  height: 120px;

}

.view .b_pic .small li:before {

  content: "";

  position: absolute;

  right: 100%;

  top: 50%;

  transform: translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-right: 10px solid #0056a2;

  border-bottom: 10px solid transparent;

  display: none;

}

.view .b_pic .small li.on {

  border-color: #0056a2;

}

.view .b_pic .small li.on:before {

  display: block;

}

.view .b_pic .small li:first-child {

  margin-top: 0;

}

.view .body {

  padding: 15px 5px;

  overflow: hidden;

  line-height: 1.8;

}

.view .body img {

  max-width: 100%;

  height: auto;

  padding: 10px 0;

}

.view .prne {

  overflow: hidden;

  padding: 0 5px;

}

.view .prne li {

  line-height: 1.8;

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.view .bb_tit {

  border-bottom: 8px solid #eee;

  overflow: hidden;

}

.view .bb_tit span {

  background: #eee;

  color: #666;

  padding: 0 10px;

  height: 40px;

  line-height: 46px;

  float: left;

  display: block;

  overflow: hidden;

  font-size: 18px;

}

.view .b_tit {

  position: relative;

  margin: 15px 0 5px 0;

  overflow: hidden;

}

.view .b_tit span {

  border-bottom: 2px solid #0082df;

  display: block;

  overflow: hidden;

  float: left;

  position: relative;

  z-index: 1;

  font-size: 18px;

  color: #333;

  padding: 0 5px 5px 5px;

}

.view .b_tit:before {

  content: "";

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  border-bottom: 1px solid #eee;

}

.view .piclist {

  margin-top: 10px;

}

.pagebody {

  padding: 0 5px;

  overflow: hidden;

  line-height: 1.8;

}

.pagebody img {

  max-width: 100%;

  height: auto;

  padding: 10px 0;

}

/* piclist */

.piclist {

  margin: -6px;

  overflow: hidden;
  min-height:650px;

}

.piclist li {

  width: 33.3333333333333%;

  float: left;

}

.piclist li a {

  margin: 6px;

  display: block;

  overflow: hidden;

  position: relative;

  box-shadow: 0 0 6px #ddd;

  text-align: center;

}

.piclist li a .pic {

  overflow: hidden;

  position: relative;

}

.piclist li a .pic img {

  width: 100%;

  height: 155px;

  transition: all 0.3s;

}

.piclist li a .pic .iconfont {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  background-color: rgba(0, 130, 223, 0.2);

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  color: #fff;

  font-size: 60px;

  transition: all 0.3s;

  opacity: 0;

  transform: scale(0);

}

.piclist li a .bt {

  background: #0056a2;

  color: #fff;

  padding: 0 10px;

  line-height: 40px;

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  transition: all 0.3s;

}

.piclist li a:hover .pic img {

  transform: scale(1.1);

}

.piclist li a:hover .pic .iconfont {

  transform: scale(1.1);

  opacity: 1;

}

.piclist li a:hover .bt {

  background-color: rgba(0, 86, 162, 0.7);

}

/* tongji */

.tongji {

  display: none;

}

/* pagination */

.pagination {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  padding: 25px 0 0 0;

}

.pagination li {

  padding: 0 5px;

}

.pagination li a,

.pagination li span {

  display: block;

  overflow: hidden;

  padding: 0 12px;

  line-height: 32px;

  border: 1px solid #ddd;

  border-radius: 3px;

  background: #f9f9f9;

}

.pagination li a:hover {

  background: #0082df;

  color: #fff;

  border-color: #0082df;

}

.pagination li.active span {

  cursor: default;

  background: #0056a2;

  color: #fff;

  border-color: #0056a2;

}

.pagination li.disabled span {

  background: #eee;

  color: #888;

  cursor: not-allowed;

}

/* tan_box */

#tan_box {

  display: none;

  position: fixed;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  background-color: rgba(0, 0, 0, 0.8);

  z-index: 9999;

}

.tan_box {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  padding: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

}

.tan_box .box {

  position: relative;

  background: #fff url(../images/loading.gif) center center no-repeat;

  padding: 10px;

  box-shadow: 0 0 15px #ccc;

  border-radius: 5px 0 5px 5px;

}

.tan_box .box img {

  max-height: 100%;

  max-width: 100%;

}

.tan_box .box video,

.tan_box .box iframe {

  width: 1000px;

  height: auto;

  float: left;

  display: block;

  overflow: hidden;

}

.tan_box .box iframe {

  height: 560px;

}

.tan_box .close {

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  position: absolute;

  right: 0px;

  top: -36px;

  background: #fff;

  cursor: pointer;

  box-shadow: 0 0 5px #ccc;

  transition: all 0.3s;

  border-radius: 5px 5px 0 0;

}

.tan_box .close .iconfont {

  display: inline-block;

  transition: all 0.3s;

}

.tan_box .close:hover {

  background: #0056a2;

}

.tan_box .close:hover .iconfont {

  transform: rotate(360deg);

  color: #fff;

}